<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/shoppingcard.css"/>
		<link rel="stylesheet" type="text/css" href="font_wonxnumexn/iconfont.css"/>
	</head>
	<body>
		<div class="container">
			<!-- 头 -->
			<div class="nav-top">
				<div class="top-box clear-fix">
					<div class="top-left-list fl">
						<a href="javascript:;" class="text-lne">欢迎来到丝芙兰</a>
						<a href="#" class="top-left-login">Asuna</a>
						<i class="top-left-saperation"></i>
						<a href="#" class="top-left-register">免费注册</a>
						<a href="#" class="top-left-photo">手机验证码登录</a>
					</div>
					<div class="top-mod fl">
						<a href="#">丝芙兰防诈骗公告</a>
					</div>
					<div class="top-right-list fr">
						<span class="top-span" style="margin-left: 50px;">
							<span class="my-sephora"></span>
							<a href="#">我的丝芙兰</a>
							<span class="top_angle"></span>
							<div class="my-ordes">
								<a href="#">我的订单</a>
								<div class="small-triangle"></div>
							</div>

						</span>
						<span>
							<span class="vip-club"></span>
							<a href="#">会员俱乐部</a>
						</span>
						<span class="mobile-sephora-box">
							<span class="mobile-sephora"></span>
							<a href="#">手机丝芙兰</a>
							<div class="mob-two"><a href="#"><img src="img/index/downQR2.png"></a></div>

						</span>
						<span>
							<span></span>
							<a href="#">帮助中心</a>
						</span>
					</div>
				</div>
			</div>
			<!-- 头结束 -->
			<!-- 大标题 -->
			<div class="CheckoutHeader">
				<div class="checkoutHeader-info-content clear-fix">
					<div class="checkoutHeader-info-content-logo fl clear-fix">
						<a href="#" class="fl">
							<img src="https://ssl1.sephorastatic.cn/soa/pc/images/search_logo.png" style="height: 40px; line-height: 0px;">
						</a>
					</div>
					<div class="checkoutHeader-info-content-step fr clear-fix">
						<div class="checkoutHeader-info-content-step-border"></div>
						<div class="checkoutHeader-info-content-step-first fl">
							<span class="sprite-checkout-header-step1"></span>
						</div>
						<div class="checkoutHeader-info-content-step-second fl">
							<span class="sprite-checkout-header-step2"></span>
						</div>
						<div class="checkoutHeader-info-content-step-third fl">
							<span class="sprite-checkout-header-step3"></span>
						</div>
					</div>
				</div>
			</div>
			<!-- 大标题结束 -->
			<!-- 提示 -->
			<div class="CheckoutAdPosition">
				<div class="checkoutAdPosition-info-content">
					<div class="checkoutAdPosition-info-content-header">您的购物车清单如含近效期产品，该近效期产品不支持7天无理由退货，近效期产品为页面有特别标示有效期信息的产品。</div>
				</div>
			</div>
			<!-- 提示结束 -->
			<!-- 内容 -->
			<div class="CheckoutBody">
				<div class="checkoutProductPublic-info-content">
					<div class="module-checkoutTable-body">
						<input type="checkbox" name=""  value="" id="check1" />
						<ul class="module-checkoutTable-body-UHeader clear-fix">
							<li class="module-checkoutTable-Table-checkAll fl">全选</li>
							<li class="module-checkoutTable-Table-productInfo fl">商品信息</li>
							<li class="module-checkoutTable-Table-productPrice fl">单价(元)</li>
							<li class="module-checkoutTable-Table-productNumber fl">数量</li>
							<li class="module-checkoutTable-Table-productSubtotal fl">小计(元)</li>
							<li class="module-checkoutTable-Table-control fr">操作</li>
						</ul>
						<div class="checkout-product-body">
							<div class="checkout-product-body-item">
								<!-- <div class="checkout-product-body-item-content clear-fix">
									<input type="checkbox" name=""  value=""  class="cheack2"/>
									<a href="#" class="checkout-product-body-item-img fl">
										<img src="img/shoppingcard/1_n_09749_150x150.jpg" >
									</a>
									<div class="checkout-product-body-item-info fl">
										<h5 class="hasProduct">MENARDSP</h5>
										<a href="#" class="checkout-product-body-item-productNameCN">美伊娜多BEAUNESS A惠选套组</a>
										<div class="checkout-product-body-item-attr">
											<span class="checkout-product-body-item-attr-html">规格：套装B  <span class="iconfont icon-pan_icon"></span></span>
											
										</div>
									</div>
									<div class="checkout-product-body-item-unit fl">
										<div class="checkout-product-body-item-unit-price">
											<span class="checkout-product-body-item-unit-sapPrice ">580.00</span>
										</div>
									</div>
									<div class="checkout-product-body-item-amount fl">
										<div class="checkout-product-body-item-amount-warp">
											<div class="checkout-product-body-item-amount-tips">
												<span>限购5件</span>
											</div>
											<div class="checkout-product-body-item-amount-module">
												<span class="amout-btn1">-</span>
												<span class="amout-num">1</span>
												<span class="amout-btn">+</span>
											</div>
										</div>
									</div>
									<div class="checkout-product-body-item-subtotal fl">
										<div class="checkout-product-body-item-unit-price">
											<span class="subTotaloffer">580.00</span>
										</div>
									</div>
									<div class="checkout-product-body-item-handle fl">
										<div class="checkout-product-body-item-handle-module">
											<span class="checkout-product-body-item-handle-delete"></span>
										</div>
									</div>
								</div> -->
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 内容结束 -->
			<!-- 结算 -->
			<div class="checkoutSubmit-first">
				<div class="checkoutSubmit-info">
					<div class="checkoutSubmit-info-content-static clear-fix">
						<div class="checkoutSubmit-info-content-left fl clear-fix">
							<input type="checkbox" name=""  id="check3" value="" class="_checkbox fl" />
							<a href="#" class="checkoutSubmit-info-content-left-content-l fl">全选</a>
							<a href="#" class="checkoutSubmit-info-content-left-content-l fl">批量删除</a>
							<div class="checkoutSubmit-info-content-left-content-split checkoutSubmit-info-content-left-content-l fl"></div>
							<a class="checkoutSubmit-info-content-left-service fl clear-fix" href="#">联系客服
								<div class="phone fr"></div>
							</a>
						</div>
						<div class="checkoutSubmit-info-content-right fr clear-fix">
							<ul class="checkoutSubmit-info-content-right-ul fl">
								<li class="checkoutSubmit-info-content-right-li1">
									<span>已选<span class="esatwist">1</span>件商品</span>
									<span style="margin-left: 10px;">合计 :</span>
									<span class="checkoutSubmit-info-content-right-li-price">¥580.00</span>
								</li>
								<li class="checkoutSubmit-info-content-right-li2 clear-fix">
									<div class="checkoutSubmit-info-content-right-li-total fl">
										<span>商品总额：</span>
										<span class="csrcr-value">¥580.00</span>
									</div>
									<div class="checkoutSubmit-info-content-right-li-save fl clear-fix">
										<span class="small-ic fl"></span>
										<span>共节省:</span>
										<span>¥0.00</span>
									</div>
								</li>
							</ul>
							<div class="checkoutSubmit-info-content-right-submit fl">立即结算</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 结算结束 -->
			<!-- 喜欢 -->
			<div class="CheckoutTab">
				<div class="checkoutTab-info-content">
					<div class="cic-header">
						<div class="checkoutTab-tab-header-list">猜你喜欢</div>
					</div>
					<div class="cic-body clear-fix">
						<div class="module-carousel-checkout-li fl">
							<div class="module-carousel-checkout-li-img">
								<img src="img/shoppingcard/1_n_10700_280x280.jpg" >
							</div>
							<div class="module-carousel-checkout-li-info">
								<div class="module-carousel-checkout-li-brand">SEPHORACOLLECTION</div>
								<div class="module-carousel-checkout-li-content">丝芙兰精巧泡泡浴块</div>
								<div class="module-carousel-checkout-li-price">
									<span>￥10.00</span>
								</div>
							</div>
						</div>
						<div class="module-carousel-checkout-li fl">
								<div class="module-carousel-checkout-li-img">
									<img src="img/shoppingcard/1_n_10700_280x280.jpg" >
								</div>
								<div class="module-carousel-checkout-li-info">
									<div class="module-carousel-checkout-li-brand">SEPHORACOLLECTION</div>
									<div class="module-carousel-checkout-li-content">丝芙兰精巧泡泡浴块</div>
									<div class="module-carousel-checkout-li-price">
										<span>￥10.00</span>
									</div>
								</div>
							</div>
						<div class="module-carousel-checkout-li fl">
								<div class="module-carousel-checkout-li-img">
									<img src="img/shoppingcard/1_n_10700_280x280.jpg" >
								</div>
								<div class="module-carousel-checkout-li-info">
									<div class="module-carousel-checkout-li-brand">SEPHORACOLLECTION</div>
									<div class="module-carousel-checkout-li-content">丝芙兰精巧泡泡浴块</div>
									<div class="module-carousel-checkout-li-price">
										<span>￥10.00</span>
									</div>
								</div>
							</div>
						<div class="module-carousel-checkout-li fl">
								<div class="module-carousel-checkout-li-img">
									<img src="img/shoppingcard/1_n_10700_280x280.jpg" >
								</div>
								<div class="module-carousel-checkout-li-info">
									<div class="module-carousel-checkout-li-brand">SEPHORACOLLECTION</div>
									<div class="module-carousel-checkout-li-content">丝芙兰精巧泡泡浴块</div>
									<div class="module-carousel-checkout-li-price">
										<span>￥10.00</span>
									</div>
								</div>
							</div>
						<div class="module-carousel-checkout-li fl">
								<div class="module-carousel-checkout-li-img">
									<img src="img/shoppingcard/1_n_10700_280x280.jpg" >
								</div>
								<div class="module-carousel-checkout-li-info">
									<div class="module-carousel-checkout-li-brand">SEPHORACOLLECTION</div>
									<div class="module-carousel-checkout-li-content">丝芙兰精巧泡泡浴块</div>
									<div class="module-carousel-checkout-li-price">
										<span>￥10.00</span>
									</div>
								</div>
							</div>
						
					
					</div>
				
				</div>
			</div>
			<!-- 喜欢结束 -->
			<!-- 尾 -->
			<div class="footer">
				<div class="footer-info">
					<div class="footer-info-content">
						<div class="footer-info-ico">
							<div class="footer-info-ico-d"></div>
							<span class="footer-info-content-cn">顺丰EMS速达</span>
						</div>
						<span class="footer-ico-split"></span>
						<div class="footer-info-ico">
							<div class="footer-info-ico-a"></div>
							<span class="footer-info-content-cn">丰富礼赠</span>
						</div>
						<span class="footer-ico-split"></span>
						<div class="footer-info-ico">
							<div class="footer-info-ico-c"></div>
							<span class="footer-info-content-cn">100%官方正品</span>
						</div>
						<span class="footer-ico-split"></span>
						<div class="footer-info-ico">
							<div class="footer-info-ico-b"></div>
							<span class="footer-info-content-cn">无障碍退款</span>
						</div>
						<span class="footer-ico-split"></span>
						<div class="footer-info-ico">
							<div class="footer-info-ico-e"></div>
							<span class="footer-info-content-cn">安全支付</span>
						</div>

					</div>
				</div>
				<div class="footer-map">
					<ul class="footer-map-content clear-fix">
						<li class="fl">
							<a href="javascript:;" class="header">购物流程</a>
							<a href="#">大宗采购/团购</a>
							<a href="#">丝芙兰预付卡章程</a>
						</li>
						<li class="fl">
							<a href="javascript:;" class="header">支付/配送</a>
							<a href="#">在线支付</a>
							<a href="#">配送时间</a>
						</li>
						<li class="fl">
							<a href="javascript:;" class="header">售后服务</a>
							<a href="#">退换货规定</a>
							<a href="#">退换及退款说明</a>
						</li>
						<li class="fl">
							<a href="javascript:;" class="header">关于丝芙兰</a>
							<a href="#">公司介绍</a>
							<a href="#">联系我们</a>
							<a href="#">品牌合作/Brand Collaboration</a>
							<a href="#">隐私政策</a>
						</li>
						<li class="footer-list-hotline fl">
							<a href="javascript:;" class="header">网上订购咨询热线 : 400 670 0055</a>
						</li>
					</ul>
				</div>
				<div class="footer-declaration">
					<div class="footer-declaration-content">
						<ul class="footer-declaration-content-center">
							<li class="footer-declaration-id">
								<a href="#" class="footer-records">沪公网安备 31010602003121号</a>
								<a href="#">ICP备案序号:沪ICP备05026645号</a>
								<a href="#">食品经营许可证</a>
								<a href="#">网站使用条款</a>
								<a href="#">严正声明</a>
							</li>
							<li class="footer-declaration-info">
								本网站隶属于丝芙兰（上海）化妆品销售有限公司
								<a href="#" class="footer-declaration-info-text">
									预付卡信息对接唯一标识 : 310101F5201530100309
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 尾结束 -->
		</div>
		<script src="js/jquery-3.6.0.min.js"></script>
		<script src="js/shoppingcard.js"></script>
	</body>
</html>
